<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <link rel="shortcut icon" href="assets/images/favicon_1.ico">

        <title>Ubold - Responsive Admin Dashboard Template</title>

        <!--Form Wizard-->
        <link rel="stylesheet" type="text/css" href="../plugins/jquery.steps/css/jquery.steps.css" />

        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/style.css" rel="stylesheet" type="text/css" />

        <script src="assets/js/modernizr.min.js"></script>


    </head>


    <body class="fixed-left nicescroll" id="do-nicescrol">
      
        <!-- Page-Title -->
        <div class="row">
            <div class="col-sm-12">
                <div class="btn-group pull-right m-t-15">
                    <button type="button" class="btn btn-default dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-expanded="false">Settings</button>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="btnGroupDrop1">
                        <a class="dropdown-item" href="form-wizard.html#">Dropdown One</a>
                        <a class="dropdown-item" href="form-wizard.html#">Dropdown Two</a>
                        <a class="dropdown-item" href="form-wizard.html#">Dropdown Three</a>
                        <a class="dropdown-item" href="form-wizard.html#">Dropdown Four</a>
                    </div>
                </div>

                <h4 class="page-title">表单向导</h4>
                 <p class="text-muted page-title-alt">欢迎来到Ubold管理面板 !</p>

            </div>
        </div>


        <!-- Basic Form Wizard -->
        <div class="row">
            <div class="col-md-12">
                <div class="card-box">
                    <h4 class="m-t-0 header-title"><b>基本窗体向导</b></h4>
                    <p class="text-muted m-b-30 font-13">
                        使用一个按钮类 <code>&lt;a&gt;</code>, <code>&lt;button&gt;</code>, or <code>&lt;input&gt;</code> element.
                    </p>

                    <form id="basic-form" action="#">
                        <div>
                            <h3>Account</h3>
                            <section>
                                <div class="form-group clearfix">
                                    <label class="control-label " for="userName">账号 *</label>
                                    <div class="">
                                        <input class="form-control required" id="userName" name="userName" type="text">
                                    </div>
                                </div>
                                <div class="form-group clearfix">
                                    <label class="control-label " for="password"> 密码 *</label>
                                    <div class="">
                                        <input id="password" name="password" type="text" class="required form-control">

                                    </div>
                                </div>

                                <div class="form-group clearfix">
                                    <label class="control-label " for="confirm">记住密码 *</label>
                                    <div class="">
                                        <input id="confirm" name="confirm" type="text" class="required form-control">
                                    </div>
                                </div>

                            </section>
                            <h3>垂直步骤示例</h3>
                            <section>
                                <div class="form-group clearfix">

                                    <label class="control-label" for="name"> 账号 *</label>
                                    <div class="">
                                        <input id="name" name="name" type="text" class="required form-control">
                                    </div>
                                </div>
                                <div class="form-group clearfix">
                                    <label class="control-label " for="surname"> 简介*</label>
                                    <div class="">
                                        <input id="surname" name="surname" type="text" class="required form-control">

                                    </div>
                                </div>

                                <div class="form-group clearfix">
                                    <label class="control-label " for="email">邮箱 *</label>
                                    <div class="">
                                        <input id="email" name="email" type="text" class="required email form-control">
                                    </div>
                                </div>

                                <div class="form-group clearfix">
                                    <label class="control-label " for="address">地址 *</label>
                                    <div class="">
                                        <input id="address" name="address" type="text" class="form-control">
                                    </div>
                                </div>

                                <div class="form-group clearfix">
                                    <label class="col-lg-12 control-label ">(*) Mandatory</label>
                                </div>

                            </section>
                            <h3>Hints</h3>
                            <section>
                                <div class="form-group clearfix">
                                    <div class="col-lg-12">
                                        <ul class="list-unstyled w-list">
                                            <li><b>First Name :</b> Jonathan </li>
                                            <li><b>Last Name :</b> Smith </li>
                                            <li><b>Emial:</b> jonathan@smith.com</li>
                                            <li><b>Address:</b> 123 Your City, Cityname. </li>
                                        </ul>
                                    </div>
                                </div>
                            </section>
                            <h3>Finish</h3>
                            <section>
                                <div class="form-group clearfix">
                                    <div class="col-lg-12">
                                        <div class="checkbox checkbox-primary">
                                            <input id="checkbox-h" type="checkbox">
                                            <label for="checkbox-h">
                                                I agree with the Terms and Conditions.
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </form>

                </div>
            </div>
        </div>

        <!-- End row -->


        <!-- Vertical Steps Example -->
        <div class="row">
            <div class="col-sm-12">
                <div class="card-box">
                    <h4 class="m-t-0 header-title"><b>垂直步骤示例</b></h4>
                    <p class="text-muted m-b-30 font-13">
                        垂直步骤示例 <code>&lt;a&gt;</code>, <code>&lt;button&gt;</code>, or <code>&lt;input&gt;</code> 元素.
                    </p>

                    <form id="wizard-vertical">
                        <h3>Account</h3>
                        <section>
                            <div class="form-group clearfix">
                                <label class="control-label " for="userName1">账号 *</label>
                                <div class="">
                                    <input class="form-control required" id="userName1" name="userName" type="text">
                                </div>
                            </div>
                            <div class="form-group clearfix">
                                <label class="control-label " for="password1"> 密码 *</label>
                                <div class="">
                                    <input id="password1" name="password" type="text" class="required form-control">
                                </div>
                            </div>

                            <div class="form-group clearfix">
                                <label class="control-label " for="confirm1">记住密码 *</label>
                                <div class="">
                                    <input id="confirm1" name="confirm" type="text" class="required form-control">
                                </div>
                            </div>
                            <div class="form-group clearfix">
                                <label class="col-lg-12 control-label ">(*) Mandatory</label>
                            </div>
                        </section>
                        <h3>Profile</h3>
                        <section>
                            <div class="form-group clearfix">

                                <label class="control-label" for="name1"> 姓*</label>
                                <div class="">
                                    <input id="name1" name="name" type="text" class="required form-control">
                                </div>
                            </div>
                            <div class="form-group clearfix">
                                <label class="control-label " for="surname1"> 名 *</label>
                                <div class="">
                                    <input id="surname1" name="surname" type="text" class="required form-control">

                                </div>
                            </div>

                            <div class="form-group clearfix">
                                <label class="control-label " for="email1">邮箱 *</label>
                                <div class="">
                                    <input id="email1" name="email" type="text" class="required email form-control">
                                </div>
                            </div>

                            <div class="form-group clearfix">
                                <label class="control-label " for="address1">地址 *</label>
                                <div class="">
                                    <input id="address1" name="address" type="text" class="form-control">
                                </div>
                            </div>

                            <div class="form-group clearfix">
                                <label class="col-lg-12 control-label ">(*) Mandatory</label>
                            </div>

                        </section>
                        <h3>Hints</h3>
                        <section>
                            <div class="form-group clearfix">
                                <div class="col-lg-12">
                                    <ul class="list-unstyled w-list">
                                        <li><b>First Name :</b> Jonathan </li>
                                        <li><b>Last Name :</b> Smith </li>
                                        <li><b>Emial:</b> jonathan@smith.com</li>
                                        <li><b>Address:</b> 123 Your City, Cityname. </li>
                                    </ul>
                                </div>
                            </div>
                        </section>
                        <h3>Finish</h3>
                        <section>
                            <div class="form-group clearfix">
                                <div class="col-lg-12">
                                    <div class="checkbox checkbox-primary">
                                        <input id="checkbox-v" type="checkbox">
                                        <label for="checkbox-v"> I agree with the Terms and Conditions. </label>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </form>
                    <!-- End #wizard-vertical -->
                </div>
            </div>
        </div><!-- End row -->



        <!-- Wizard with Validation -->

        <div class="row">
            <div class="col-sm-12">
                <div class="card-box">
                    <h4 class="m-t-0 header-title"><b>垂直步骤示例</b></h4>
                    <p class="text-muted m-b-30 font-13">
                        垂直步骤示例 <code>&lt;a&gt;</code>, <code>&lt;button&gt;</code>, or <code>&lt;input&gt;</code> 元素.
                    </p>

                    <form id="wizard-validation-form" action="#">
                        <div>
                            <h3>Step 1</h3>
                            <section>
                                <div class="form-group clearfix">
                                    <label class="control-label " for="userName2">用户名 </label>
                                    <div class="">
                                        <input class="form-control" id="userName2" name="userName" type="text">
                                    </div>
                                </div>
                                <div class="form-group clearfix">
                                    <label class="control-label " for="password2"> 密码 *</label>
                                    <div class="">
                                        <input id="password2" name="password" type="text" class="required form-control">

                                    </div>
                                </div>

                                <div class="form-group clearfix">
                                    <label class="control-label " for="confirm2">确认密码 *</label>
                                    <div class="">
                                        <input id="confirm2" name="confirm" type="text" class="required form-control">
                                    </div>
                                </div>
                                <div class="form-group clearfix">
                                    <label class="col-lg-12 control-label ">(*) Mandatory</label>
                                </div>
                            </section>
                            <h3>Step 2</h3>
                            <section>

                                <div class="form-group clearfix">
                                    <label class="control-label" for="name2"> 姓 *</label>
                                    <div class="">
                                        <input id="name2" name="name" type="text" class="required form-control">
                                    </div>
                                </div>
                                <div class="form-group clearfix">
                                    <label class="control-label " for="surname2"> 名 *</label>
                                    <div class="">
                                        <input id="surname2" name="surname" type="text" class="required form-control">

                                    </div>
                                </div>

                                <div class="form-group clearfix">
                                    <label class="control-label " for="email2">邮箱 *</label>
                                    <div class="">
                                        <input id="email2" name="email" type="text" class="required email form-control">
                                    </div>
                                </div>

                                <div class="form-group clearfix">
                                    <label class="control-label " for="address2">地址 </label>
                                    <div class="">
                                        <input id="address2" name="address" type="text" class="form-control">
                                    </div>
                                </div>

                                <div class="form-group clearfix">
                                    <label class="col-lg-12 control-label ">(*) Mandatory</label>
                                </div>

                            </section>
                            <h3>Step 3</h3>
                            <section>
                                <div class="form-group clearfix">
                                    <div class="col-lg-12">
                                        <ul class="list-unstyled w-list">
                                            <li><b>First Name :</b> Jonathan </li>
                                            <li><b>Last Name :</b> Smith </li>
                                            <li><b>Emial:</b> jonathan@smith.com</li>
                                            <li><b>Address:</b> 123 Your City, Cityname. </li>
                                        </ul>
                                    </div>
                                </div>
                            </section>
                            <h3>Step Final</h3>
                            <section>
                                <div class="form-group clearfix">
                                    <div class="col-lg-12">
                                        <input id="acceptTerms-2" name="acceptTerms2" type="checkbox" class="required">
                                        <label for="acceptTerms-2">I agree with the Terms and Conditions.</label>
                                    </div>
                                </div>

                            </section>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- End row -->
                   

        <script>
            var resizefunc = [];
        </script>

        <!-- jQuery  -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/popper.min.js"></script><!-- Popper for Bootstrap -->
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/detect.js"></script>
        <script src="assets/js/fastclick.js"></script>
        <script src="assets/js/jquery.slimscroll.js"></script>
        <script src="assets/js/jquery.blockUI.js"></script>
        <script src="assets/js/waves.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/jquery.nicescroll.js"></script>
        <script src="assets/js/jquery.scrollTo.min.js"></script>

        <script src="assets/js/jquery.core.js"></script>
        <script src="assets/js/jquery.app.js"></script>

        <!--Form Wizard-->
        <script src="../plugins/jquery.steps/js/jquery.steps.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="../plugins/jquery-validation/js/jquery.validate.min.js"></script>

        <!--wizard initialization-->
        <script src="assets/pages/jquery.wizard-init.js" type="text/javascript"></script>

    </body>
</html>